<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
    <title>View Properties</title>
    <link rel="stylesheet" href="css/libs/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="css/libs/jquery/jquery-ui.min.css" />
    <link rel="stylesheet" href="css/libs/contextmenu/contextmenu.css" />
    <link rel="stylesheet" href="css/libs/alpaca/alpaca-bootstrap.min.css">
    <link rel="stylesheet" href="css/libs/alpaca/alpaca-core.min.css" />
    <link rel="stylesheet" href="css/libs/jstree/default/style.min.css" />
    <link rel="stylesheet" href="css/style.css" />
    <!-- script src="js/predefined_components.js"></script -->
    <script src="/aad/zen.rt.components.sdk/resources/js/sdk_propertysheets_handler.js"></script>
    <script src="js/libs/jquery/jquery-2.1.1.min.js"></script>
    <script src="js/libs/alpaca/alpaca-core.min.js"></script>
    <script src="js/libs/jquery/classList.js"></script>
    <script src="js/libs/jquery/jquery-ui.min.js"></script>
    <script src="js/libs/jstree/jstree.min.js"></script>
    <script src="js/libs/google/base64.js"></script>
    <script src="js/libs/head/head.load.min.js"></script>
    <script src="js/properties.js"></script>
</head>

<body>
    <script>
        new com.justbi.view.ViewPropertyPage();  
    </script>
    <script src="js/designstudio.js"></script>
    

    <div id="toolbar">
        <img id="btnLock" data="support" src="" />
        <img id="btnURL" src="" />
        <img id="btnReload" src="" />
        <img id="btnDocumentation" src="" />
    </div>

    <div id="developerWindow">
	    <div id="tabs" class="tabs">
	        <table cellspacing="0" cellpadding="0" style="width:100%;">
	            <tr>
	                <td width="25%">
	                    <button type="button" id="bt_config" style="font-weight:bold;" class="tabButton">Config</button>
	                </td>
	                <td width="25%">
	                    <button type="button" id="bt_html" class="tabButton">HTML</button>
	                </td>
	                <td width="25%">
	                    <button type="button" id="bt_javascript" class="tabButton">JS</button>
	                </td>
	                <td width="25%">
	                    <button type="button" id="bt_css" class="tabButton">CSS</button>
	                </td>
	            </tr>
	        </table>
	    </div>
	
	    <!-- TAB CONTENTS (EDITORS) -->
	    <div id="editor_config" style="height:300px;"></div>
	    <div id="editor_html" style="height:300px;display:none;"></div>
	    <div id="editor_javascript" style="height:300px;display:none;"></div>
	    <div id="editor_css" style="height:300px;display:none;"></div>
	
	    <!-- IMPORT POPUP WINDOW -->
	    <div id="div_import" title="Import" style="font-size:10px;display:none;">
	        <div id="editor_import" style="height:100%;width:100%;"></div>
	    </div>
	
	    <!-- EXPORT POPUP WINDOW -->
	    <div id="div_export" title="Export JSON" style="font-size:10px;display:none;">
	        <div id="editor_export" style="height:100%;width:100%;"></div>
	    </div>
	    
	    <!-- DOCUMENTATION POPUP WINDOW -->
	    <div id="div_documentation" title="Component Documentation" style="font-size:10px;display:none;height:100%">
	    </div>
	
	    <!-- INFO POPUP WINDOW (VIA CONTEXT MENU) -->
	    <div id="div_info2" title="URL to Predefined Components" style="font-size:12px;display:none;">
	        <div class="input-group">
	            <span class="input-group-addon">URL</span>
	            <input type="text" id="txtSettingsURL" class="form-control" placeholder="URL to settings (leave empty for default)...">
	        </div>
	        <br>
	        <button type="button" id="btnSettingsSave" class="btn btn-default">Save</button>
	    </div>
	
	    <!-- SUBMIT BUTTON -->
        <button id="btnUpdateDeveloper" class="btnUpdate">Update</button>

	
	
	    <script src="js/libs/ace/ace.js" charset="utf-8"></script>
	    <script src="js/libs/contextmenu/contextmenu.js"></script>
	    <script src="js/ace_editors.js"></script>
	    <script src="js/contextmenu_buttonsConfig.js"></script>
	    <script src="js/contextmenu_buttonsJS.js"></script>
    </div>
    
    <div id="supportWindow">
        <div>
            <input type="button" id="btnUpdateSupport" class="btnUpdate" value="Update">
        </div>
        <div id="alpacaform"></div>
        <div id="componentselector"></div>
    </div>
</body>

</html>